/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[3].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[3].oneOf[7].use[3]!./src/app/assets/styles/feedBack.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.feedBack_feedBack__YcJB9 {
    align-items: center;
    text-align: center;
    margin-top: 100px;
    position: relative;
    margin-bottom: 30rem;

}

.feedBack_feedBack__YcJB9 h3 {
    color: var(--bordeau, #7B1E17);
    text-align: center;
    font-size: 58px;

    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.feedBack_feedBack__YcJB9 p {
    color: var(--dark-green, #004751);
    text-align: center;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 55px;
}

.feedBack_slide-show__xg4XR {
    width: 100%;
    height: 15rem;
    /* border: 1px dotted; */
    position: absolute;
    left: 50%;
    transform: translateX(-50%) rotate(180deg);
    top: 270px;

}

.feedBack_slide-show__xg4XR svg {
    z-index: -1;
}

.feedBack_feedback-card__G8_Wf,
.feedBack_path__fI8T3 {
    position: absolute;
    left: 80px;
    top: 7rem;

}

.feedBack_active__VjLW4 {}

.feedBack_img__wNpgV {
    z-index: 0;
    width: 35%;
    position: absolute;
    right: 35rem;
    top: 13rem;
}


.feedBack_path__fI8T3 {
    width: calc(100% + 500.9999937166575px);
    left: calc(-250.9999937166575px)
}

.feedBack_feedback-card__G8_Wf {
    /* fill: linear-gradient(179deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%); */
    padding: 2rem;
    border-radius: 34px;
    /* background-color: #004751; */
    height: 236.999994px;
    width: 316.999994px;
    offset-path: path("M0 8C17.9007 53.5629 182.843 70.1313 304.582 100.137C426.32 130.143 589.223 147 761.387 147C933.551 147 1098.66 130.143 1220.4 100.137C1342.14 70.1313 1530 50.4346 1530 8L1522 0.5C1522 41.7645 1326.13 67.8389 1207.74 97.0173C1089.36 126.196 928.804 142.588 761.387 142.588C593.971 142.588 433.411 126.196 315.03 97.0172C196.649 67.8388 13.5 41.7645 13.5 0.5L0 8Z ");
    background-image: url(/_next/static/media/feed-cover.dc6baa58.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
}

.feedBack_feedbackContainer__IUBCz {

    width: 78% !important;
    height: 58%;
    border-radius: 25px;
    top: 25px;
    position: absolute;
    right: 36px;
}

.feedBack_feed__8GHVC {
    color: var(--text-color, #0E0F0D) !important;
    text-align: right !important;
    font-style: normal !important;
    font-weight: 300 !important;

    padding: 17px;
}

.feedBack_studentname__L6Y25 {
    color: var(--dark-green, #004751) !important;
    text-align: center !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
}

.feedBack_student-img__3Xqic {
    border-radius: 50% !important;
    position: relative !important;
    top: 0 !important;
    right: 0 !important;
}

.feedBack_student__JGQQo {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
}

.feedBack_feedback-card__G8_Wf img {
    position: absolute;
    z-index: -10;
    height: 131%;
    width: 137%;
    max-width: none !important;
    top: -23px;
    right: -93px;
  
}

.feedBack_inactive-right__8AgVU {
    offset-distance: 45%;

}

.feedBack_inactive-left__8QaL6 {
    offset-distance: 0;
    left: -50px;

}



.feedBack_previous__ZwFML {
    offset-distance: 2%;
    transition: 1s;
}

.feedBack_next__YGNOq {
    offset-distance: 32%;
    transition: 1s;
}



@media only screen and (max-width: 1710px) {
    .feedBack_active__VjLW4 {
        width: 10rem !important;
    }

}

@media only screen and (max-width: 1350px) {
    .feedBack_slide-show__xg4XR {
        display: none;
    }

    .feedBack_feedBack__YcJB9 {
        margin-bottom: 5rem;
    }
}

@media only screen and (max-width: 750px) {
    .feedBack_feedBack__YcJB9 h3 {
        color: var(--dark-green, #004751);
        text-align: center;
        font-size: 34px;
        font-style: normal;
        font-weight: 800;
        line-height: normal;
    }

    .feedBack_brief__no3V0 {
        color: var(--bordeau, #7B1E17) !important;
        text-align: center;

        font-size: 16px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 55px !important;
        
    }
}




.feedBack_navigation-wrapper__LRUJY {
    position: relative;
}

.feedBack_arrow__idY0U {
    width: 40px;

    height: 40px;

    position: absolute;

    top: 50% !important;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    fill: #2ab6d8;

    cursor: pointer;

    z-index: 1;
}

.feedBack_arrow--left__r6gQz {
    left: 32%;
    right: auto;
}

.feedBack_arrow--right__r_BnU {
    left: auto;
    right: 32%;
}

.feedBack_arrow--disabled__LAo_e {
    display: none;
}

@media only screen and (max-width: 1600px) {
    .feedBack_slide-show__xg4XR {
        left: 52%
    }

    .feedBack_arrow--left__r6gQz {
        left: 35%;
        right: auto;
    }

    .feedBack_arrow--right__r_BnU {
        left: auto;
        right: 28%;
    }
}

@media only screen and (max-width: 1520px) {
    .feedBack_slide-show__xg4XR {
        left: 53%;

    }
}

@media only screen and (max-width: 1500px) {
    .feedBack_slide-show__xg4XR {
        left: 50rem;

    }

    .feedBack_navigation-wrapper__LRUJY {
        position: relative;
    }

    .feedBack_arrow__idY0U {
        width: 40px;

        height: 40px;

        position: absolute;

        top: 0% !important;

        transform: translateY(-50%);

        -webkit-transform: translateY(-50%);

        fill: #2ab6d8;

        cursor: pointer;

        z-index: 1;
    }

    .feedBack_arrow--left__r6gQz {
        left: 35rem;
        right: auto;
    }

    .feedBack_arrow--right__r_BnU {
        left: auto;
        right: 25rem;
    }

    .feedBack_arrow--disabled__LAo_e {
        display: none;
    }
}

@media only screen and (max-width: 1400px) {
    .feedBack_slide-show__xg4XR {
        left: 50rem;

    }

    .feedBack_arrow--left__r6gQz {
        left: 45%;
        right: auto;
    }

    .feedBack_arrow--right__r_BnU {
        left: auto;
        right: 27%;
    }
}


@media only screen and (max-width:1050px) {
    .feedBack_arrow__idY0U {
        width: 40px;

        height: 40px;


        top: 100% !important;

        transform: translateY(-50%);

        -webkit-transform: translateY(-50%);

        fill: #2ab6d8;

        cursor: pointer;

        z-index: 1;
    }

    .feedBack_arrow--left__r6gQz {
        left: 35%;
        right: auto;
        margin-top: 4px !important;
    }

    .feedBack_arrow--right__r_BnU {
        left: auto;
        right: 35%;
    }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[3].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[3].oneOf[7].use[3]!./src/app/assets/styles/feedBackMobile.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
.feedBackMobile_feedBack__UWq5U {
  align-items: center;
  text-align: center;
  margin-top: 100px;
}

.feedBackMobile_Mobile__UlNfQ {
  display: none;
}

.feedBackMobile_feedBackCard__7mwtZ {
  display: flex;
  flex-direction: column;
  padding: 28px 55px;
  border-radius: 34px;
  text-align: center;
  max-height: 289px;
  overflow: hidden;
  background-image: url(/_next/static/media/feed-cover.dc6baa58.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  min-width: 540px !important;
}

.feedBackMobile_active__6JcIP {
  opacity: 1;
  transition-duration: 0s;
  transition-delay: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.feedBackMobile_previous__P0XXM,
.feedBackMobile_next__UwBmG {
  position: absolute;
  cursor: pointer;
  background: #ffffff;
  box-shadow: 1px 11px 46px 1px rgba(252, 187, 89, 0.44);
  border-radius: 34px;
  width: 216px;
  height: 205px;
  opacity: 1;
}

.feedBackMobile_previous__P0XXM {
  transform: rotate(-10.66deg);
  left: 0;
}

.feedBackMobile_next__UwBmG {
  transform: rotate(6.91deg);
  right: 0;
  margin-top: 100px;
}

.feedBackMobile_avatar__aa0ef {
  background: #ffe79a;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.feedBackMobile_avatarImage__fGfZF {
  opacity: 0;
}

.feedBackMobile_placeholder__3PA__ {
  padding: 20px;
  position: absolute;
}

.feedBackMobile_student__Mfbr6 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  text-align: right;
  padding: 0 1rem;
}

.feedBackMobile_loaded__4M1ke .feedBackMobile_placeholder__3PA__ {
  opacity: 0;
}

.feedBackMobile_loaded__4M1ke .feedBackMobile_avatarImage__fGfZF {
  opacity: 1;
}

.feedBackMobile_studentName__wifEh {
  color: var(--dark-green, #004751);
  text-align: center;
  font-size: 13.897px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 18px;
}

.feedBackMobile_studentText__G_G5f {
  color: var(--text-color, #0e0f0d) !important;
  text-align: right;

  font-size: 16.844px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 19.687px;
  height: 170px;

  overflow-y: scroll;
}

.feedBackMobile_previous__P0XXM .feedBackMobile_studentText__G_G5f,
.feedBackMobile_next__UwBmG .feedBackMobile_studentText__G_G5f {
  display: none;
}

.feedBackMobile_avatar__aa0ef img {
  border-radius: 100%;
  width: 100%;
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

.feedBackMobile_error-img__5DXbL img {
  width: 90% !important;
}

.feedBackMobile_sliderMobile__pEJVO {
  display: none;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-bottom: 0px;
  margin-top: 50px;
}

.feedBackMobile_innerSlide__1A5Xx {
  position: relative;
  max-width: 540px;
  height: 389px;
}

.feedBackMobile_dots__c_HG9 {
  display: flex;
  align-items: center;

  position: absolute;
  bottom: -40px;
  gap: 8px;
}

.feedBackMobile_dot__73iru {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #d9d9d9;
  cursor: pointer;
}

.feedBackMobile_activeDot__kXIns {
  background-color: #fcc755;
}

.feedBackMobile_svg__HL1iJ {
  position: absolute;
  z-index: -1;
}

@media (max-width: 1400px) {
  .feedBackMobile_previous__P0XXM {
    left: 34px;
  }

  .feedBackMobile_next__UwBmG {
    right: 34px;
  }
}

@media (max-width: 1350px) {
  .feedBackMobile_svg__HL1iJ {
    display: none;
  }

  .feedBackMobile_previous__P0XXM,
  .feedBackMobile_next__UwBmG {
    display: none;
  }
  .feedBackMobile_sliderMobile__pEJVO {
    display: flex;
  }
}

@media (max-width: 600px) {
}

@media (max-width: 500px) {
  .feedBackMobile_feedBackCard__7mwtZ {
    padding: 15px;
    min-width: 80% !important;
    margin: 0 10%;
    min-height: 50% !important;
  }

  .feedBackMobile_innerSlide__1A5Xx {
    height: 100% !important;
  }

  .feedBackMobile_avatar__aa0ef {
    width: 35px;
    height: 35px;
  }

  .feedBackMobile_student__Mfbr6 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    text-align: right;
    padding: 2.5rem 1.2rem;
    height: 43px;
  }

  .feedBackMobile_studentName__wifEh {
    font-size: 13.897px !important;
    margin: 5px 5px;
  }

  .feedBackMobile_studentText__G_G5f {
    color: var(--text-color, #0e0f0d);
    text-align: right;
    padding: 0.5rem 2rem;
    font-size: 9.844px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 19.687px !important;
    overflow-y: scroll;
  }
}

@media (max-width: 428px) {
  .feedBackMobile_backgroundImage__ZCo2M {
    max-width: 100%;
  }

  .feedBackMobile_student__Mfbr6 {
    padding: 2.5rem 1.8rem;
  }

  .feedBackMobile_feedBackCard__7mwtZ {
    padding: 15px;
    min-width: 100% !important;
    margin: 0px 0%;
    min-height: 50% !important;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[3].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[3].oneOf[12].use[3]!./node_modules/keen-slider/keen-slider.min.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.keen-slider:not([data-keen-slider-disabled]){-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-content:flex-start;display:flex;overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;-khtml-user-select:none;width:100%}.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{min-height:100%;overflow:hidden;position:relative;width:100%}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[3].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[3].oneOf[7].use[3]!./src/app/assets/styles/arrow.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.arrow_navigation-wrapper__FC3d_ {
  position: relative;
}

.arrow_arrow__eI3e4 {
  width: 40px;

  height: 40px;

  position: absolute;

  top: 50% !important;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  fill: #2ab6d8;

  cursor: pointer;

  z-index: 1;
}

.arrow_arrow--left__SvkkY {
  left: -40px;
  right: auto;
}

.arrow_arrow--right__u5SaP {
  left: auto;
  right: -30px;
}

.arrow_arrow--disabled__A0QM9 {
  display: none;
}

@media only screen and (max-width: 1050px) {
  .arrow_arrow__eI3e4 {
    width: 40px;

    height: 40px;

    position: absolute;

    top: 100% !important;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    fill: #2ab6d8;

    cursor: pointer;

    z-index: 1;
  }

  .arrow_arrow--left__SvkkY {
    left: 35%;
    right: auto;
  }

  .arrow_arrow--right__u5SaP {
    left: auto;
    right: 35%;
    margin: -1px -2% !important;
  }
}

@media only screen and (max-width: 650px) {
  .arrow_dots__vXphu {
    display: flex;
    align-items: center;
    justify-content: center;

    bottom: -40px;
    gap: 8px;
  }

  .arrow_dot__P2z66 {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #d9d9d9;
    cursor: pointer;
  }

  .arrow_activeDot__olnKe {
    background-color: #fcc755;
  }
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[3].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[3].oneOf[7].use[3]!./src/app/assets/styles/vidSection.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.vidSection_vidsCards__GRrcy {
  max-width: 90.721%;
  margin: auto;
  display: flex;
}

.vidSection_vidsWrapper__ebUyN {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 500px;
  margin-top: 3rem;
}
.vidSection_youtubeIcon__2bTrk {
  position: absolute;
  top: 50%;
  cursor: pointer;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
}
.vidSection_vidCard__xukY5 {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 392.519px;
  align-items: center;
  text-align: center;
  box-shadow: 0px 3.72636px 22.3581px -0.93159px rgba(111, 54, 29, 0.24);
  border-radius: 37.2636px;
  padding: 5px;
}

.vidSection_cardBorder__IKRg8 {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  box-sizing: border-box;
  color: #fff;

  background-clip: padding-box;
  border: 7px solid transparent;
  border-radius: 41.2636px;
}

.vidSection_cardBorder__IKRg8:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -5px;
  border-radius: inherit;
  background: linear-gradient(
    -135deg,
    transparent 60%,
    #f9c49661 70%,
    #cd9e478b 100%
  );
}

.vidSection_vidCard__xukY5 > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  filter: drop-shadow(0px 3.72636px 3.72636px rgba(184, 156, 129, 0.25));
  border-radius: 0px 0px 37.2636px 37.2636px;
  width: 260.256px;
  height: 155.575px;
}

.vidSection_vidCard__xukY5 > div > p {
  margin-top: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.vidSection_mobileTitle__TmnyO {
  color: #7b1e17;
  text-align: center;
  font-size: 58px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
@media only screen and (max-width: 1400px) {
  .vidSection_mobileTitle__TmnyO {
    margin-top: 2rem;
  }
  .vidSection_vidsCards__GRrcy {
    max-width: 925px;
  }
  .vidSection_vidCard__xukY5 {
    width: 270.519px;
  }
  .vidSection_vidCard__xukY5 > div {
    width: 270.519px;
  }
  .vidSection_vidsWrapper__ebUyN {
    margin: 2rem auto;
  }
}

@media only screen and (max-width: 750px) {
  .vidSection_mobileTitle__TmnyO {
    margin-top: 2rem;
    color: var(--dark-green, #004751);
    text-align: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
  }
  .vidSection_vidsCards__GRrcy {
    gap: 0px;
  }

  .vidSection_vidsWrapper__ebUyN {
    padding-right: 0;
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[3].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[3].oneOf[7].use[3]!./src/app/assets/styles/contentArrow.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.contentArrow_navigation-wrapper__Qbj8y {
  position: relative;
}

.contentArrow_arrow__yNUKb {
  width: 40px;

  height: 40px;

  position: absolute;

  top: 50% !important;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  fill: #2ab6d8;

  cursor: pointer;

  z-index: 1;
}

.contentArrow_arrow--left__NNqmb {
  left: -40px;
  right: auto;
}

.contentArrow_arrow--right__dHE_e {
  left: auto;
  right: -30px;
}

.contentArrow_arrow--disabled__a_Cwc {
  display: none;
}

@media only screen and (max-width: 1250px) {
  .contentArrow_arrow__yNUKb {
    width: 40px;

    height: 40px;

    position: absolute;

    top: 98% !important;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    fill: #2ab6d8;

    cursor: pointer;

    z-index: 1;
  }

  .contentArrow_arrow--left__NNqmb {
    left: 35%;
    right: auto;
    margin-top: 4px;
  }

  .contentArrow_arrow--right__dHE_e {
    left: auto;
    right: 35%;
  }
}

@media only screen and (max-width: 650px) {
  .contentArrow_dots__bYGpV {
    display: flex;
    align-items: center;
    justify-content: center;

    bottom: -40px;
    gap: 8px;
  }

  .contentArrow_dot__scX_n {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #d9d9d9;
    cursor: pointer;
  }

  .contentArrow_activeDot__Y1ZKM {
    background-color: #fcc755;
  }
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[3].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[3].oneOf[7].use[3]!./src/app/assets/styles/button.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.button_signInButton__ge_S_,
.button_signUpButton__2lPOD {
  font-family: Almarai;
  font-style: normal;
  border-radius: 36px;
  font-size: 1.125rem;
  line-height: 22px;
  color: #ffffff;
  width: 174px;
  height: 56px;
  color: rgba(255, 255, 255, 0.9);
  letter-spacing: 0.2px;
}

.button_signInButton__ge_S_[lang="fr-FR"],
.button_signUpButton__2lPOD[lang="fr-FR"] {
  font-family: Almarai;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 27px;
}

.button_signInButton__ge_S_[lang="en"],
.button_signUpButton__2lPOD[lang="en"] {
  font-family: Almarai;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
}

.button_signInButton__ge_S_ {
  background: linear-gradient(144.89deg, #9e87f1 16.96%, #796af0 92.47%);
  cursor: pointer;
  font-weight: 600;
}

.button_signInButton__ge_S_:hover {
  text-shadow: 0px 0px 8px rgb(255, 255, 255);
  box-shadow: 0px 0px 8px #796af0;
}

.button_signUpButton__2lPOD {
  /* blue gradient */
  background: linear-gradient(114.46deg, #45cfe1 25.08%, #12a8dd 96.72%);
  box-shadow: 0px 4px 12px rgba(43, 181, 207, 0.42);
  border-radius: 36px;
  cursor: pointer;
  font-weight: 600;
}

.button_signUpButton__2lPOD:hover {
  text-shadow: 0px 0px 8px rgb(255, 255, 255);
  box-shadow: 0px 0px 8px #12a8dd;
}

.button_readMore__c0Obn {
  padding: 10px 10px 10px 10px;
  width: 123.443px !important;
  height: 44.313px !important;
  border-radius: 18.087px;
  background: linear-gradient(150deg, #fabc43 0%, #6d1818 100%);
  box-shadow: -0.4521709382534027px -0.4521709382534027px 1.3565127849578857px 0px
      rgba(161, 161, 161, 0.9),
    0.4521709382534027px 0.4521709382534027px 0.9043418765068054px 0px
      rgba(255, 255, 255, 0.9),
    -0.4521709382534027px 0.4521709382534027px 0.9043418765068054px 0px rgba(161, 161, 161, 0.2),
    0.4521709382534027px -0.4521709382534027px 0.9043418765068054px 0px rgba(161, 161, 161, 0.2),
    0.4521709382534027px 0.4521709382534027px 0.9043418765068054px 0px
      rgba(161, 161, 161, 0.5) inset,
    -0.4521709382534027px -0.4521709382534027px 0.9043418765068054px 0px
      rgba(255, 255, 255, 0.3) inset;
  border: none;
  font-weight: 700;
  color: #fff;
  text-align: center;
  font-size: 14.142px !important;
  font-style: normal;
  line-height: normal !important;
}

.button_readMore__c0Obn:hover {
  text-shadow: 0px 0px 8px rgb(255, 255, 255);
  box-shadow: 0px 0px 8px #12a8dd;
}

.button_btn-lg__kSoC3 {
  width: 228px;
  height: 70px;
}

.button_btn-sm__0QJxM {
  width: 179px;
  height: 55px;
}

.button_btn-md__NOBhv {
  width: 215px;
  height: 66px;
}

.button_btn-sm-2__FDw9Q {
  width: 125px;
  height: 39px;
  font-weight: 700;
  font-size: 1.1875rem;
  line-height: 23px;
  color: #ffffff;
}

.button_signInSectionBtn__nUuVj {
  width: 100%;
  height: 95px;
  font-family: Almarai;
  font-style: normal;
  font-weight: 800;
  font-size: 2rem;
  line-height: 43px;
  border: none;
  color: #ffffff;
  /* width: 33%; */
  max-width: 351px;
  border-radius: 40px;
  background: linear-gradient(150deg, #fabc43 0%, #6d1818 100%);
  box-shadow: -1px -1px 3px 0px rgba(161, 161, 161, 0.9),
    1px 1px 2px 0px rgba(255, 255, 255, 0.9),
    -1px 1px 2px 0px rgba(161, 161, 161, 0.2),
    1px -1px 2px 0px rgba(161, 161, 161, 0.2),
    1px 1px 2px 0px rgba(161, 161, 161, 0.5) inset,
    -1px -1px 2px 0px rgba(255, 255, 255, 0.3) inset;
}

.button_signInSectionBtn__nUuVj:hover {
  text-shadow: 0px 0px 8px rgb(255, 255, 255);
  box-shadow: 0px 0px 8px #ffba37;
}

.button_startNowButton__Qkp31 {
  padding: 10px;
  gap: 10px;
  max-width: 125px;
  height: 39px;
  left: 1173px;
  top: 4165px;
  /* blue gradient */
  background: linear-gradient(114.46deg, #45cfe1 25.08%, #12a8dd 96.72%);
  border-radius: 36px;
  font-family: Almarai;
  font-style: normal;
  font-weight: 700;
  font-size: 1.1875rem;
  line-height: 23px;
  color: #ffffff;
  border: none;
}

.button_clickToActionBtn__kn3vU {
  padding: 10px;
  width: 253px;
  height: 76px;
  background: linear-gradient(255.25deg, #fed02b 6.76%, #ffba37 60.42%);
  box-shadow: 0px 4px 4px rgba(254, 208, 43, 0.54);
  border-radius: 36px;
  border: none;
  font-family: Almarai;
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 34px;
  color: #753100;
}

.button_clickToActionBtn__kn3vU:hover {
  text-shadow: 0px 0px 8px #753100;
  box-shadow: 0px 0px 8px #ffba37;
}

@media only screen and (max-width: 1400px) {
  .button_readMore__c0Obn {
    border-radius: 10px;
  }
}

@media only screen and (max-width: 1550px) {
  .button_signInButton__ge_S_,
  .button_signUpButton__2lPOD {
    font-family: Almarai;
    font-style: normal;
    border-radius: 36px;
    font-size: 14px !important;
    line-height: 22px;
    color: #ffffff;
    width: 174px;
    height: 56px;
    color: rgba(255, 255, 255, 0.9);
    letter-spacing: 0.2px;
  }
}

@media only screen and (max-width: 1350px) {
  .button_signInButton__ge_S_,
  .button_signUpButton__2lPOD {
    font-family: Almarai;
    font-style: normal;
    border-radius: 36px;
    font-size: 13px !important;
    line-height: 22px;
    color: #ffffff;
    width: 174px;
    height: 56px;
    color: rgba(255, 255, 255, 0.9);
    letter-spacing: 0.2px;
  }

  .button_signInSectionBtn__nUuVj {
    width: 100% !important;
    height: 5rem !important;
    font-size: 20.179px;
  }
}

@media only screen and (max-width: 750px) {
  .button_signInSectionBtn__nUuVj {
    width: 100% !important;
    height: 3rem !important;
    font-size: 20.179px;
  }
}

@media only screen and (max-width: 600px) {
  .button_signInSectionBtn__nUuVj {
    width: 100% !important;
    height: 39.128px !important;
    color: #fff;
    text-align: center;
    font-size: 18.179px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .button_readMore__c0Obn {
    width: 100% !important;
  }
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[3].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[3].oneOf[7].use[3]!./src/app/assets/styles/content.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.content_content__zO2Zr {
  margin-top: 15%;
  position: relative;
}

.content_content__zO2Zr h3 {
  color: var(--bordeau, #7b1e17);

  text-align: center;
  font-size: 50px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}

.content_content__zO2Zr h3,
.content_content__zO2Zr p {
  text-align: center;
  margin: 0 auto;
}

.content_content__zO2Zr[lang="fr-FR"] h3 {
  color: var(--bordeau, #7b1e17);
  text-align: center;
  font-size: 58px;

  font-style: normal;
  font-weight: 800;
  line-height: normal;
}

.content_content__zO2Zr[lang="en"] h3 {
  color: var(--bordeau, #7b1e17);
  text-align: center;
  font-size: 58px;

  font-style: normal;
  font-weight: 800;
  line-height: normal;
}

.content_contentBrief__zioAP[lang="fr-FR"] {
  color: var(--dark-green, #004751);
  text-align: right;
  font-size: 26px;
  font-family: Almarai;
  font-style: normal;
  font-weight: 400;
  line-height: 55px;
}

.content_contentBrief__zioAP[lang="en"] {
  color: var(--dark-green, #004751);
  text-align: right;
  font-size: 26px;
  font-family: Almarai;
  font-style: normal;
  font-weight: 400;
  line-height: 55px;
}

.content_contentBrief__zioAP {
  color: var(--dark-green, #004751);
  text-align: right;
  font-size: 26px;
  font-family: Almarai;
  font-style: normal;
  font-weight: 400;
  line-height: 55px;
}

.content_contentCards__vRhjc {
  display: flex;
  position: relative;
  align-items: center;
  height: 615px;
  overflow: visible !important;
  /*hack fix*/
}

.content_contentCards__vRhjc::-webkit-scrollbar {
  display: none;
}

.content_slideWrapper__lt5gH {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible !important;
}

.content_contentCard__bH6qJ {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 350px;
  border-radius: 35.133px;
  background: linear-gradient(
    180deg,
    #fff 0%,
    rgba(246, 227, 178, 0.62) 59.9%,
    rgba(211, 198, 163, 0.19) 100%
  );
  box-shadow: 0px 3.5133016109466553px 21.079809188842773px -0.8783254027366638px
    rgba(111, 54, 29, 0.24);
  -webkit-backdrop-filter: blur(17.56650733947754px);
          backdrop-filter: blur(17.56650733947754px);
}

.content_Cardborder__B44fv {
  display: flex;
  align-items: center;

  max-width: 22em;
  position: relative;
  box-sizing: border-box;
  color: #fff;
  background-clip: padding-box;
  border: 7px solid transparent;
  border-radius: 35.133px;
}

.content_Cardborder__B44fv:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -5px;
  border-radius: inherit;
  background: linear-gradient(
    -135deg,
    transparent 50%,
    #f9c49661 75%,
    #cd9e478b 100%
  );
}

.content_cardHeader__VBxXO {
  padding: 6px 4px 0 22px;
}

.content_contentCard__bH6qJ img {
  border-radius: 25px;
}

.content_contentCardbody__QZ4gn {
  flex-grow: 1;
  text-align: center;
  padding: 24px 11px 5px 11px;
}

.content_contentCardexerpt__r5Fuh[lang="fr-FR"] {
  color: var(--orange, #ec6425);
  text-align: center;
  font-size: 25.456px;

  font-style: normal;
  font-weight: 800;
  line-height: normal;
}

.content_contentCardexerpt__r5Fuh[lang="en"] {
  color: var(--orange, #ec6425);
  text-align: center;
  font-size: 25.456px;

  font-style: normal;
  font-weight: 800;
  line-height: normal;
}

.content_contentCardexerpt__r5Fuh {
  color: var(--orange, #ec6425);
  text-align: center;
  font-size: 25.456px;

  font-style: normal;
  font-weight: 800;
  line-height: normal;
}

.content_contentCardTitle__doDR4 {
  color: var(--dark-green, #004751);
  text-align: center;
  font-size: 15.085px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  margin-top: 36px;
}

.content_contentCardTitle__doDR4[lang="fr-FR"] {
  color: var(--dark-green, #004751);
  text-align: center;
  font-size: 15.085px;
  font-family: Almarai;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}

.content_contentCardTitle__doDR4[lang="en"] {
  color: var(--dark-green, #004751);
  text-align: center;
  font-size: 15.085px;
  font-family: Almarai;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}

.content_contentCardText__pHskK {
  color: var(--text-color, #0e0f0d);
  text-align: right !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18.856px;
  margin-top: 15px !important;
  width: 220px;
}

.content_contentCardText__pHskK[lang="fr-FR"] {
  color: var(--text-color, #0e0f0d);
  text-align: right;
  font-size: 10.371px;
  font-style: normal;
  font-weight: 400;
  line-height: 18.856px;
}

.content_contentCardText__pHskK[lang="en"] {
  color: var(--text-color, #0e0f0d);
  text-align: right;
  font-size: 10.371px;
  font-style: normal;
  font-weight: 400;
  line-height: 18.856px;
}

.content_contentCardFooter__G1aX3 {
  height: 91.454px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0px 0px 30.17px 30.17px;
  background: linear-gradient(
    180deg,
    #fffcfc 0%,
    rgba(255, 252, 252, 0.38) 100%
  );
  padding-left: 17px;
  padding-right: 17px;
}

.content_contentCardFooter__G1aX3 a {
  flex-grow: 1;
}

.content_user__gmrLt {
  display: flex;
  align-items: center;
  gap: 7px;
}

.content_user__gmrLt > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 172px;
  word-break: break-word;
}

.content_username__vNkaE {
  color: var(--bordeau, #7b1e17);
  text-align: center;
  font-size: 14.142px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.content_username__vNkaE[lang="fr-FR"] {
  color: var(--bordeau, #7b1e17);
  text-align: center;
  font-size: 14.142px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.content_username__vNkaE[lang="en"] {
  color: var(--bordeau, #7b1e17);
  text-align: center;
  font-size: 14.142px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.content_userAbout__ju6_K {
  color: var(--dark-green, #004751);
  text-align: center;
  font-size: 10.371px;
  font-style: normal;
  font-weight: 400;
  line-height: 36.77px;
}

.content_userAbout__ju6_K[lang="fr-FR"] {
  color: var(--dark-green, #004751);
  text-align: center;
  font-size: 10.371px;
  font-style: normal;
  font-weight: 400;
  line-height: 36.77px;
}

.content_userAbout__ju6_K[lang="en"] {
  color: var(--dark-green, #004751);
  text-align: center;
  font-size: 10.371px;
  font-style: normal;
  font-weight: 400;
  line-height: 36.77px;
}

@media only screen and (max-width: 1580px) {
  .content_contentCard__bH6qJ {
    max-width: 325px;
    border-radius: 25px;
  }
}

@media only screen and (max-width: 1250px) {
  .content_slideWrapper__lt5gH {
    scale: 1 !important;
  }
}

@media only screen and (max-width: 1400px) {
  .content_bigSpin__t5g0s {
    top: 290rem !important;
  }

  .content_littleSun__jQ8Vs {
    top: 340rem !important;
  }
}

@media only screen and (max-width: 1150px) {
  .content_bigSpin__t5g0s {
    top: 300rem !important;
  }
}

@media only screen and (max-width: 950px) {
  .content_bigSpin__t5g0s {
    display: none;
  }

  .content_littleSun__jQ8Vs {
    display: none;
  }
}

@media only screen and (max-width: 600px) {
  .content_contentCardFooter__G1aX3 a {
    width: 50%;
  }
  .content_content__zO2Zr {
    margin-top: 0;
  }
  .content_content__zO2Zr h3 {
    font-size: 2rem !important;
  }

  .content_slideWrapper__lt5gH {
    scale: 1 !important;
  }

  .content_contentCardFooter__G1aX3 > button {
    width: 25% !important;
  }

  .content_username__vNkaE {
    font-size: 10px !important;
  }

  .content_userAbout__ju6_K {
    font-size: 12px !important;
  }
}

@media only screen and (max-width: 300px) {
  .content_contentCardFooter__G1aX3 a {
    width: 50%;
    /*hack fix*/
  }

  .content_user__gmrLt > div {
    display: none;
  }
}
@media only screen and (max-width: 380px) {
  .content_contentCard__bH6qJ {
    max-width: 280px;
  }
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[3].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[3].oneOf[7].use[3]!./src/app/assets/styles/teacher.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.teacher_teacher__vace1 {
  display: flex;
  gap: 86px;
  position: relative;
  background: linear-gradient(
    123.7deg,
    rgba(159, 169, 103, 0.611) -53.88%,
    rgba(249, 239, 215, 0) 94.47%
  );
  box-shadow: 0px 4px 24px -1px rgba(111, 54, 29, 0.24);
  height: 100%;
  width: 100%;
  border-radius: 136px 0px 40px 40px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-image-source: linear-gradient(
    41.91deg,
    #004751 25.13%,
    rgba(4, 75, 59, 0.37) 7.12%,
    rgba(12, 82, 19, 0) 57.17%
  );
}

.teacher_teacher__vace1 .teacher_mobileTitle__VLFBR {
  display: none;
}

.teacher_teacherArticle__eo_9a {
  display: flex;
  flex-direction: column;
  gap: 5.2rem;
  justify-content: center;
  margin-top: 2rem;
}

.teacher_teacherArticle__eo_9a[lang="fr-FR"] p,
.teacher_teacherArticle__eo_9a[lang="en"] p {
  text-align: left;
  font-family: Almarai;
  font-style: normal;
  font-weight: 500;
  font-size: 21px;
  line-height: 43px;
  direction: ltr;
}

.teacher_teacher__vace1 h3,
.teacher_teacher__vace1[lang="fr-FR"] h3,
.teacher_teacher__vace1[lang="en"] h3,
.teacher_teacherArticle__eo_9a h3,
.teacher_teacherArticle__eo_9a[lang="fr-FR"] h3,
.teacher_teacherArticle__eo_9a[lang="en"] h3 {
  font-family: Almarai;
  font-style: normal;
  font-weight: 800;
  font-size: 50px;
  line-height: 54px;
  text-align: left;
}

.teacher_teacher__vace1 h3 {
  color: #7b1e17;
  margin: 0;
  font-size: 2.25rem;
}

.teacher_teacherArticle__eo_9a h3 {
  font-weight: 700;
  margin: 0;
  font-size: 3.1rem;
  text-align: right;
  font-style: normal;
  line-height: normal;
}

.teacher_teacherArticle__eo_9a p {
  max-width: 556px;
  margin: 0;
  margin-top: 25px;
  text-align: right;
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: 43px;
}

.teacher_teacherCards__rLi98 {
  max-width: 60.721%;
  max-width: 960px;
}

.teacher_teacherWrapper___eThD {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 600px;
  min-height: 500px;
  margin-top: 3rem;
}

.teacher_teacherCard__cHf55 {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 292.519px;
  height: 440px;
  align-items: center;
  text-align: center;
  background: linear-gradient(
    179.74deg,
    #ffffff -6.12%,
    rgba(247, 227, 178, 0.620313) 63.16%,
    rgba(211, 198, 163, 0.19) 109.54%
  );
  box-shadow: 0px 3.72636px 22.3581px -0.93159px rgba(111, 54, 29, 0.24);
  border-radius: 37.2636px;
  padding: 5px;
}

.teacher_Cardborder__UeCtG {
  display: flex;
  align-items: center;
  width: 292.519px;
  margin: auto;
  max-width: 22em;
  position: relative;
  box-sizing: border-box;
  color: #fff;
  background: linear-gradient(
    179.74deg,
    #ffffff -6.12%,
    rgba(247, 227, 178, 0.620313) 63.16%,
    rgba(211, 198, 163, 0.19) 109.54%
  );
  background-clip: padding-box;
  border: 7px solid transparent;
  border-radius: 41.2636px;
}

.teacher_Cardborder__UeCtG:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -5px;
  border-radius: inherit;
  background: linear-gradient(
    -135deg,
    transparent 60%,
    #f9c49661 70%,
    #cd9e478b 100%
  );
}

.teacher_teacherCard__cHf55 > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: linear-gradient(
    178.53deg,
    #ffffff 33.57%,
    rgba(255, 255, 255, 0) 188.17%
  );
  filter: drop-shadow(0px 3.72636px 3.72636px rgba(184, 156, 129, 0.25));
  border-radius: 0px 0px 37.2636px 37.2636px;
  width: 260.256px;
  height: 155.575px;
}

.teacher_teacherCard__cHf55 > div > p {
  display: -webkit-box;
  margin:auto;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.teacher_teacherName__Q_039 {
  max-width: 146px;
  font-size: 21px;
  line-height: 22px;
  color: #7b1e17;
  font-weight: 800;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.teacher_teacherAbout__Km9Eh {
  font-size: 15px;
  line-height: 36px;
  text-align: center;
  color: #004751;
  font-weight: 700;
}

.teacher_teacherExperience__qe226 {
  font-weight: 400;
  font-size: 16px;
  line-height: 36px;
  text-align: center;
  color: #0e0f0d;
}

@media only screen and (max-width: 1600px) {
  .teacher_teacherCards__rLi98 {
    max-width: 750px;
  }
  .teacher_teacherCard__cHf55 {
    width: 239.519px;
  }
  .teacher_teacherCard__cHf55 > div {
    width: 237.256px;
  }
}

@media only screen and (max-width: 1400px) {
  .teacher_teacherName__Q_039 {
    font-size: 18px;
  }
  .teacher_teacherAbout__Km9Eh > div > p {
    margin-top: 0px !important;
  }
  .teacher_teacherCards__rLi98 {
    max-width: 925px;
  }
  .teacher_teacherCard__cHf55 {
    width: 292.519px;
  }
  .teacher_teacherCard__cHf55 > div {
    width: 260.256px;
  }
  .teacher_teacher__vace1 {
    -webkit-backdrop-filter: blur(0);
            backdrop-filter: blur(0);
    flex-direction: column;
    text-align: center;
    align-items: center;
    gap: 0px;
    background: transparent;
    box-shadow: none;
    margin-top: 3rem;
  }

  .teacher_teacherWrapper___eThD {
    height: 500px;
    margin: 2rem auto;
  }

  .teacher_teacherArticle__eo_9a {
    display: flex;
    flex-direction: column;
    gap: 5.2rem;
    justify-content: center;
    width: 80%;
    height: 300px;
    border-radius: 53px;
    background: linear-gradient(163deg, #fff0d9 0%, #fdf5ea 100%);
    box-shadow:
      1px 1px 2px 0px rgba(93, 88, 80, 0.5) inset,
      -1px -1px 2px 0px rgba(255, 255, 255, 0.3) inset;
  }

  .teacher_teacher__vace1 h3 {
    display: none;
  }

  .teacher_teacher__vace1 .teacher_mobileTitle__VLFBR {
    display: block !important;
    color: #004751;
    text-align: center;
    font-family: Almarai;
    font-size: 34px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
  }

  .teacher_teacher__vace1 p {
    text-align: center;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 980px) {
  .teacher_teacher__vace1 {
    align-items: initial;
    gap: 0;
    padding: 0rem;
  }

  .teacher_teacherCards__rLi98 {
    gap: 0px;
  }

  .teacher_teacherWrapper___eThD {
    padding-right: 0;
  }

  .teacher_teacherArticle__eo_9a {
    width: 100%;
  }
}

@media only screen and (max-width: 550px) {
  .teacher_teacher__vace1 {
    padding: 0;
  }

  .teacher_teacherArticle__eo_9a {
    height: 200px;
  }

  .teacher_teacherArticle__eo_9a p {
    max-width: 556px;
    margin: 0;

    font-size: 0.9rem;
    line-height: 25px;
  }

  .teacher_teacherArticle__eo_9a[lang="fr-FR"] p {
    text-align: left;
    font-family: Almarai;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 43px;
    direction: ltr;
  }

  .teacher_teacherArticle__eo_9a[lang="en"] p {
    text-align: left;
    font-family: Almarai;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 43px;
    direction: ltr;
  }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[3].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[3].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"src/app/features/teachers/teacherArticle.tsx","import":"Almarai","arguments":[{"weight":["300","400","700","800"],"subsets":["arabic"]}],"variableName":"myFont"} ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* arabic */
@font-face {
  font-family: '__Almarai_2c4e42';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/cadda3865c3d59d2-s.p.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin */
@font-face {
  font-family: '__Almarai_2c4e42';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/616b263b18c4d476-s.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: '__Almarai_2c4e42';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/f1429c53baafd0f0-s.p.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin */
@font-face {
  font-family: '__Almarai_2c4e42';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/047eb351a200daf2-s.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: '__Almarai_2c4e42';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/074a2e369810402d-s.p.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin */
@font-face {
  font-family: '__Almarai_2c4e42';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/88858bca2290748b-s.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: '__Almarai_2c4e42';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/_next/static/media/aafb073fa1a155cc-s.p.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin */
@font-face {
  font-family: '__Almarai_2c4e42';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/_next/static/media/884f508e622cc6d5-s.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: '__Almarai_Fallback_2c4e42';src: local("Arial");ascent-override: 95.34%;descent-override: 22.23%;line-gap-override: 0.00%;size-adjust: 94.92%
}.__className_2c4e42 {font-family: '__Almarai_2c4e42', '__Almarai_Fallback_2c4e42';font-style: normal
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[3].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[3].oneOf[7].use[3]!./src/app/assets/styles/util.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
/*paragraphs*/
.util_title__ecy2F {
  color: #7b1e17;
}

.util_text__oHnIh {
  font-style: normal;

  font-weight: 400;

  font-size: 1.375rem;

  line-height: 46px;

  text-align: right;

  color: #0e0f0d;
}

@media only screen and (max-width: 1669px) {
  .util_title__ecy2F {
    font-size: 2.9rem;

    max-width: 660px;
  }
}

@media only screen and (max-width: 1150px) {
  .util_title__ecy2F {
    font-size: 2.9rem;

    max-width: 660px;

    text-align: center;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[3].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[3].oneOf[7].use[3]!./src/app/assets/styles/about-us.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.about-us_aboutUs__xc9Fk h2 {
  max-width: 844px;
  max-height: 104px;
  font-size: 50px;
  line-height: 55px;
  font-family: Almarai;

  margin: 0;
  color: var(--secondary-color, #0c4888);
}
.about-us_responsivePlayer__Y5_NK {
  width: 100% !important;
}

.about-us_aboutUs__xc9Fk .about-us_mobileTeacherImgDiv__tclUB {
  display: none !important;
}

.about-us_aboutUs__xc9Fk p {
  max-width: 852px;
  padding-top: 31px;
}

.about-us_teacher___E65h {
  display: flex;
  margin-top: 87px;
  gap: 86px;
}

.about-us_teacher___E65h .about-us_mobileTitle__mqcQc {
  display: none;
}

.about-us_teacherArticle__7byUI {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.about-us_teacherArticle__7byUI p {
  max-width: 556px;
  margin: 0;
}

.about-us_teacherCards__MKdJx {
  display: flex;
  overflow-y: hidden;
  gap: 27px;
}

.about-us_teacherCard__rxcXo {
  max-width: 263px;
  min-width: 263px;
  max-height: 397px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: #ffffff;
  box-shadow: 0px 12px 31px 1px #c8e8f5;
  border-radius: 25px;
  padding: 5px;
}

.about-us_teacherCard__rxcXo img {
  border-radius: 25px;
}

.about-us_teacherName__Xwtvy {
  max-width: 146px;
  font-size: 1.3125rem;
  line-height: 40px;

  color: var(--secondary-color, #0c4888);
}

.about-us_teacherAbout__5_hxT {
  max-width: 100px;
  font-size: 1rem;
  line-height: 39px;
  text-align: center;
  color: #0fbab8;
}

.about-us_teacherExperience__rdshJ {
  font-family: Almarai;
  font-weight: 400;
  font-size: 1.0625rem;
  line-height: 39px;
  text-align: center;
  color: #719594;
}

.about-us_phonecontainer__nKG90 {
  display: none;
}

.about-us_phoneTitle__UZpMa {
  display: none;
}
.about-us_scrollbarHide__d5bld {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.about-us_scrollbarHide__d5bld::-webkit-scrollbar {
  display: none;
}

@media only screen and (max-width: 1400px) {
  .about-us_textContainer__vfD69 {
    max-width: 100%;
  }

  .about-us_btn__CDZKP {
    max-width: 100%;
    margin: 1rem !important;
  }

  .about-us_container__Hcj4j {
    height: 721px !important;
    width: 100% !important;
  }
}

@media only screen and (max-width: 1200px) {
  .about-us_container__Hcj4j h2 {
    font-size: 3rem;
  }

  .about-us_aftertitle__0MWbr {
    font-size: 1.7rem !important;
  }

  .about-us_container__Hcj4j p {
    font-size: 18px;
    max-width: 600px !important;
  }

  .about-us_books__IT0ct {
    margin-top: 4% !important;
    top: 20% !important;
  }

  .about-us_container__Hcj4j {
    height: 680px !important;
  }
}

@media only screen and (max-width: 950px) {
  .about-us_btn__CDZKP {
    display: none;
  }

  .about-us_container__Hcj4j {
    display: none;
  }

  .about-us_phonecontainer__nKG90 {
    display: flex;
    justify-content: center;
    margin: auto;
    height: -moz-fit-content;
    height: fit-content;
    text-align: center;
  }

  .about-us_textContainer__vfD69 {
    margin: 0 !important;
  }

  .about-us_phonecontainer__nKG90 p {
    margin-top: 15%;
  }

  .about-us_phoneTitle__UZpMa {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .about-us_books__IT0ct {
    top: 20% !important;
    right: 50% !important;
    transform: translateX(50%);
    width: 13rem !important;
  }
}

@media only screen and (max-width: 600px) {
  .about-us_books__IT0ct {
    width: 11rem !important;
  }

  .about-us_phonecontainer__nKG90 {
    height: -moz-fit-content;
    height: fit-content;
    padding: 1rem !important;
  }

  .about-us_textContainer__vfD69 {
    margin: 0 !important;
    padding: 1rem !important;
  }

  .about-us_phonecontainer__nKG90 p {
    margin-top: 25%;
    font-size: 16px;
    line-height: 33px !important;
  }

  .about-us_phoneTitle__UZpMa {
    text-align: center;
  }

  .about-us_phoneTitle__UZpMa h2 {
    font-size: 2rem;
  }

  .about-us_phoneTitle__UZpMa p {
    font-size: 1.2rem !important;
  }
}

@media only screen and (max-width: 450px) {
  .about-us_books__IT0ct {
    top: 11rem !important;
    width: 8rem !important;
  }

  .about-us_phonecontainer__nKG90 p {
    margin-top: 30% !important;
    font-size: 14px;
    line-height: 25px;
    height: 55%;
  }
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[3].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[3].oneOf[7].use[3]!./src/app/assets/styles/home-cover.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.home-cover_StudentCover__LLl24 {
  width: 42rem;
  height: 45rem;
}
@media only screen and (max-width: 1500px) {
  .home-cover_StudentCover__LLl24 {
    width: 38rem;
    height: 41rem;
  }
}
@media only screen and (max-width: 1200px) {
  .home-cover_StudentCover__LLl24 {
    width: 34rem;
    height: 37rem;
  }
}

@media only screen and (max-width: 1150px) {
  .home-cover_cover__uYqyt {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1rem;
  }

  .home-cover_cover__uYqyt > section {
    margin: 0;
  }

  .home-cover_btn__5S23p {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .home-cover_Img__SXOaS {
    display: flex;
    width: 90% !important;
    align-items: center;
    justify-content: center;
  }

  .home-cover_pretitle__2wWX6 {
    font-size: 2.5rem;
  }

  .home-cover_aftertitle__59ERC {
    font-size: 40px;
  }

  .home-cover_right__euRY2 {
    text-align: center;
  }

  .home-cover_cover__uYqyt button {
    display: none;
  }

  .home-cover_title__FNXMH {
    font-size: 3rem;
  }
  .home-cover_StudentCover__LLl24 {
    width: 34rem;
    height: 37rem;
  }
}

@media only screen and (max-width: 750px) {
  .home-cover_aftertitle__59ERC {
    font-size: 30px;
  }

  .home-cover_pretitle__2wWX6 {
    font-size: 2rem;
  }

  .home-cover_btn__5S23p {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}
@media only screen and (max-width: 700px) {
    .home-cover_StudentCover__LLl24 {
      width: 100%;
      height: 100%;
    }
  }
@media only screen and (max-width: 650px) {
  .home-cover_BG__ZC371 {
    width: 100%;
    top: 2rem !important;
  }

  .home-cover_bagBG__RzhTG {
    top: 17% !important;
  }

  .home-cover_triBG__ty7PT {
    top: 45% !important;
  }
}

@media only screen and (max-width: 450px) {
  .home-cover_aftertitle__59ERC {
    font-size: 1rem;
  }

  .home-cover_bagBG__RzhTG {
    top: 14% !important;
  }

  .home-cover_triBG__ty7PT {
    top: 35% !important;
  }

  .home-cover_btn__5S23p {
    font-size: 1rem;
  }
}

@media only screen and (max-width: 350px) {
  .home-cover_triBG__ty7PT {
    top: 30% !important;
  }
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[3].oneOf[3].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[3].oneOf[3].use[2]!./node_modules/next/font/local/target.css?{"path":"src/app/features/heroSection/heroSection.tsx","import":"","arguments":[{"src":"../../assets/fonts/Montserrat-Arabic.ttf"}],"variableName":"arabicFont"} ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: '__arabicFont_1c27a1';
src: url(/_next/static/media/14722ea81a1bad5e-s.p.ttf) format('truetype');
font-display: swap;
}@font-face {font-family: '__arabicFont_Fallback_1c27a1';src: local("Arial");ascent-override: 85.29%;descent-override: 22.12%;line-gap-override: 0.00%;size-adjust: 113.50%
}.__className_1c27a1 {font-family: '__arabicFont_1c27a1', '__arabicFont_Fallback_1c27a1'
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[3].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[3].oneOf[7].use[3]!./src/app/assets/styles/tips.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.tips_tips__Dtwx9 {
  display: flex;
  margin: 9rem 0;
}

.tips_desktopHeader__FOg3F {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.tips_mobileHeader__rtkWP {
  display: none;
  order: 1;
}

input[type="range"].tips_volume___hkkx::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #000;
  cursor: pointer;
}

input[type="range"].tips_volume___hkkx::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}

.tips_volume___hkkx {
  background-color: black;
  direction: ltr;
  position: absolute;
  left: 33%;
  top: 43%;
  z-index: 1;
  cursor: pointer;
}

.tips_tips__Dtwx9 header p {
  color: var(--text-color, #0c4888);
  font-size: 16px;

  font-style: normal;
  font-weight: 400;
  line-height: 29px;
  margin-top: 1.5rem;
}

.tips_tips__Dtwx9[lang="fr-FR"] header p {
  color: var(--text-color, #0c4888);

  font-size: 16px;

  font-style: normal;
  font-weight: 400;
  line-height: 29px;
}

.tips_tips__Dtwx9[lang="en"] header p {
  color: var(--text-color, #0c4888);
  font-size: 16px;

  font-style: normal;
  font-weight: 400;
  line-height: 29px;
}

.tips_tips__Dtwx9 header h3 {
  color: var(--dark-green, #004751);

  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.tips_tips__Dtwx9[lang="fr-FR"] header h3 {
  color: var(--dark-green, #004751);
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.tips_tips__Dtwx9[lang="en"] header h3 {
  color: var(--dark-green, #004751);

  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.tips_howTo__46IGz {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.tips_howTo__46IGz[lang="fr-FR"] {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 40px;
  direction: ltr;
  padding-left: 3rem;
}

.tips_howTo__46IGz[lang="en"] {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 40px;
  direction: ltr;
  padding-left: 3rem;
}

.tips_howTo__46IGz h3,
.tips_howTo__46IGz p {
  margin: 0;
}

.tips_video__BELxE {
  width: 100%;
}

.tips_videoError__aMMXt {
  background-color: rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}

.tips_steps__EfLjn {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 2rem;
}

.tips_step__vnDDf {
  display: flex;
  flex-direction: column;
  margin-top: 1.5rem;
  padding: 1rem;
  width: 100%;
  min-height: 200px;
  border-radius: 32px;
  border: 7px solid #cd9e4746;
  background: var(
    --linear-fill,
    linear-gradient(
      -180deg,
      #fff 6.29%,
      rgba(246, 227, 178, 0.62) 75.57%,
      rgba(211, 198, 163, 0.19) 121.96%
    )
  );
}

.tips_stepHeader__FPczv {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 1rem;
}

.tips_listStyleType__AUScL {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background-color: #fabc43;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  font-size: 70.91px;
  font-family: Almarai;
  font-style: normal;
  font-weight: 400;
  line-height: 36.332px;
  border: 12px solid #ffe3ac;
}

.tips_listStyleType__AUScL[lang="fr-FR"] {
  flex-direction: row-reverse;
}

.tips_stepTitle__0_s_Y {
  color: var(--orange, #ec6425);
  font-size: 26px;
  text-align: center;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  white-space: nowrap;
}

.tips_stepTitle__0_s_Y[lang="fr-FR"] {
  font-family: Almarai;
  font-style: normal;
  font-weight: 500;
  font-size: 19px;
  line-height: 28px;
  white-space: nowrap;
  text-align: center;
}

.tips_stepTitle__0_s_Y[lang="en"] {
  font-family: Almarai;
  font-style: normal;
  font-weight: 500;
  font-size: 19px;
  line-height: 28px;
  white-space: nowrap;
  text-align: center;
}

.tips_stepText__8SRLt {
  color: var(--text-color, #0e0f0d);
  font-size: 16px;
  margin-top: 0.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 29px;
}

.tips_stepText__8SRLt[lang="en"] {
  color: var(--text-color, #0e0f0d);
  font-size: 16px;
  margin-top: 0.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 29px;
}

.tips_stepText__8SRLt[lang="fr-FR"] {
  color: var(--text-color, #0e0f0d);
  font-size: 16px;
  margin-top: 0.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 29px;
}

.tips_videoTips__dMoEm {
  max-width: 809px;
  padding: 17px;
  width: 97%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 41.014px;
  background: linear-gradient(
    180deg,
    #fff 0%,
    rgba(246, 227, 178, 0.62) 59.9%,
    rgba(211, 198, 163, 0.19) 100%
  );
  box-shadow: 0px 4.101439952850342px 24.608638763427734px -1.0253599882125854px
    rgba(111, 54, 29, 0.24);
  -webkit-backdrop-filter: blur(20.507198333740234px);
          backdrop-filter: blur(20.507198333740234px);

  position: relative;
}

.tips_vidWrapper__1MR8J > div > iframe {
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
}

.tips_vidWrapper__1MR8J {
  flex: 1;
  aspect-ratio: 16/9;
  border-radius: 16px;
}

.tips_vidWrapper__1MR8J > div:first-child {
  height: 100%;
  width: 100%;
}

.tips_controls__CBKfH {
  background-color: #fff;
  height: 59px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.tips_videoTips__dMoEm .tips_controls__CBKfH {
  position: relative;
}

.tips_controls__CBKfH .tips_play__BfMIA {
  position: absolute;
  left: 12%;
  top: 45%;
}

.tips_controls__CBKfH .tips_pause__JcMhb {
  height: 21px;
  width: 16px;
  border-left: 5px solid black;
  border-right: 5px solid black;
  cursor: pointer;
}

.tips_controls__CBKfH .tips_nextVideo__xWkON {
  position: absolute;
  left: 18%;
  top: 45%;
  cursor: pointer;
}

.tips_controls__CBKfH .tips_previousVideo__Y8ipJ {
  position: absolute;
  left: 4%;
  top: 45%;
  cursor: pointer;
}

.tips_videoSound__0Htls {
  position: absolute;
  left: 28%;
  top: 45%;
  z-index: 1;
  cursor: pointer;
  padding-right: 20px;
}

.tips_muted__uGti5 {
  position: relative;
  top: -2px;
  cursor: pointer;
}

.tips_time__TgMZy {
  right: 12%;
  top: 45%;
  position: absolute;
}

.tips_fullScreen__VHgEu {
  position: absolute;
  width: 25px;
  height: 25px;
  right: 3%;
  top: 40%;
  cursor: pointer;
}

.tips_progress-road__0HM__ {
  height: 5px;
  background: #feaf3b;
  position: absolute;
  left: 0%;
  top: -1px;
  width: 100%;
  background-color: #525252;
}

.tips_progress__KWVOz {
  height: 5px;
  background: #feaf3b;
  position: absolute;
  left: 0%;
  display: flex;
  justify-content: right;
  max-width: 99%;
}

.tips_circle__e_wm7 {
  background: #e68900;
  width: 13px;
  height: 13px;
  border-radius: 100%;
  top: -4px;
  position: absolute;
  cursor: pointer;
  transform: translateX(10px);
  /*hack*/
}

@media only screen and (max-width: 550px) {
  .tips_controls__CBKfH .tips_play__BfMIA {
    position: absolute;
    left: 14%;
    top: 45%;
  }

  .tips_controls__CBKfH .tips_nextVideo__xWkON {
    position: absolute;
    left: 25%;
    top: 45%;
    cursor: pointer;
  }

  .tips_controls__CBKfH .tips_previousVideo__Y8ipJ {
    position: absolute;
    left: 1%;
    top: 45%;
    cursor: pointer;
  }

  .tips_videoSound__0Htls {
    position: absolute;
    left: 45%;
    top: 45%;
    cursor: pointer;
  }

  .tips_muted__uGti5 {
    position: relative;
    top: -2px;
    cursor: pointer;
  }

  .tips_volume___hkkx {
    display: none;
  }
}

@media only screen and (max-width: 450px) {
  .tips_controls__CBKfH .tips_nextVideo__xWkON {
    display: none;
  }

  .tips_controls__CBKfH .tips_previousVideo__Y8ipJ {
    display: none;
  }

  .tips_controls__CBKfH .tips_play__BfMIA {
    position: absolute;
    left: 7%;
    top: 41%;
    width: 6%;
  }

  .tips_videoSound__0Htls {
    position: absolute;
    left: 17%;
    top: 45%;
    cursor: pointer;
  }

  .tips_time__TgMZy {
    left: 12%;
    right: none;
    top: 45%;
    position: absolute;
    margin-right: 10px;
  }
}

@media only screen and (max-width: 480px) {
  .tips_steps__EfLjn {
    display: flex;
    flex-direction: column;

    justify-content: flex-start;
  }

  .tips_videoTips__dMoEm {
    background: transparent !important;
    box-shadow: none;
  }

  .tips_vidWrapper__1MR8J {
    box-shadow: 0px 4.101439952850342px 24.608638763427734px -1.0253599882125854px
      rgba(111, 54, 29, 0.24);
  }

  .tips_controls__CBKfH {
    box-shadow: 0px 4.101439952850342px 24.608638763427734px -1.0253599882125854px
      rgba(111, 54, 29, 0.24);
  }
}

@media only screen and (max-width: 650px) {
  .tips_steps__EfLjn {
    -moz-column-gap: 0% !important;
         column-gap: 0% !important;
    gap: 0;
  }

  .tips_stepTitle__0_s_Y {
    color: var(--orange, #ec6425);
    text-align: center !important;

    font-size: 14.277px !important;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
  }

  .tips_stepText__8SRLt {
    color: var(--text-color, #0e0f0d);
    font-size: 8.786px;
    font-style: normal;
    font-weight: 400;
    line-height: 15.924px;
  }

  .tips_listStyleType__AUScL {
    width: 60px;
    height: 60px;
    border: 10px solid #ffe3ac;
  }

  .tips_mobileHeader__rtkWP {
    align-items: center;
    justify-content: center;
  }

  .tips_tips__Dtwx9 header h3 {
    text-align: center;
  }
}

@media screen and (max-width: 800px) {
  .tips_steps__EfLjn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .tips_step__vnDDf {
    max-width: 400px;
  }

  .tips_listStyleType__AUScL {
    width: 100px !important;
    height: 35% !important;
    font-size: 2rem !important;
  }
}

@media screen and (max-width: 880px) {
  .tips_listStyleType__AUScL {
    width: 90px;
    height: 70px;
  }
}
@media screen and (max-width: 360px) {
  .tips_listStyleType__AUScL {
    width: 74px !important;
    height: 29% !important;
  }
}

@media screen and (max-width: 1011px) {
  .tips_step__vnDDf {
    background: transparent;
    border: none;
  }

  .tips_stepTitle__0_s_Y {
    text-align: start;
  }
}

@media only screen and (max-width: 1400px) {
  .tips_mobileHeader__rtkWP[lang="fr-FR"] {
    align-items: center;
    justify-content: center;
  }

  .tips_mobileHeader__rtkWP[lang="en"] {
    align-items: center;
    justify-content: center;
  }

  .tips_tips__Dtwx9[lang="fr-FR"] header p {
    direction: ltr;
    text-align: center;
  }

  .tips_tips__Dtwx9[lang="en"] header p {
    direction: ltr;
    text-align: center;
  }

  .tips_tips__Dtwx9[lang="fr-FR"] header h3 {
    direction: ltr;
    text-align: center;
  }

  .tips_tips__Dtwx9[lang="en"] header h3 {
    direction: ltr;
    text-align: center;
  }

  .tips_tips__Dtwx9 h3,
  .tips_tips__Dtwx9 p {
    text-align: center;
  }

  .tips_stepTitle__0_s_Y {
    font-size: 18px;
  }

  .tips_stepText__8SRLt {
    font-size: 13px;
    height: auto;
  }

  .tips_listStyleType__AUScL {
    font-size: 36px;
  }

  .tips_square__wDUms {
    width: 6px;
    height: 6px;
  }

  .tips_videoTips__dMoEm > div {
    max-width: 100%;
    width: 100% !important;
  }

  .tips_mobileHeader__rtkWP {
    display: flex;
    flex-direction: column;
    text-align: center !important;
  }
}

@media only screen and (max-width: 1570px) {
  .tips_stepTitle__0_s_Y {
    max-width: 300px;
    color: var(--orange, #ec6425);
    text-align: center;

    font-size: 26px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
  }
}
@media only screen and (max-width: 1011px) {
  .tips_stepTitle__0_s_Y {
    font-size: 16px;
  }
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[3].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[3].oneOf[7].use[3]!./src/app/assets/styles/feature.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.feature_feature__uaIK1 {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
}
.feature_featureContainer__BOuiw {
  margin: 7rem 0;
}
.feature_featureContainer__BOuiw h3 {
  color: var(--bordeau, #7b1e17);
  text-align: center;
  font-size: 50px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  margin-bottom: 9rem;
}

.feature_featureCard__Fjmv3 {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding-left: 55px;
  padding-right: 55px;
  max-width: 389px;
  position: relative;
  height: 293px;
  border-radius: 25px;
}

.feature_featureCard__Fjmv3:not(:first-child):after {
  content: "";
  position: absolute;
  width: 1px;
  height: 242px;
  background-color: #0fbab8;
  right: -7px;
}

.feature_featureCard__Fjmv3:hover {
  background: rgba(209, 235, 255, 0.8);
  opacity: 0.7;
}

.feature_featureCardIcon__PudK4 {
  width: 64px;
  height: 64px;
}

.feature_featureCardText___MApW {
  max-width: 311px;
  max-height: 63px;
  font-size: 1.25rem;
  line-height: 37px;
  margin: 0;
  margin-top: 16px;

  color: var(--secondary-color, #0c4888);
}

@media only screen and (max-width: 1600px) {
  .feature_img__evBej {
    right: 13rem !important;
    top: -2rem !important;
  }
}

@media only screen and (max-width: 1400px) {
  .feature_feature__uaIK1 {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    flex-direction: column;
    row-gap: 4rem;
    -moz-column-gap: 0;
         column-gap: 0;
    place-items: center;
    place-content: center;
    justify-content: center;
  }

  .feature_img__evBej {
    right: 88% !important;
    top: -3rem !important;
  }

  .feature_container__NzIPm {
    width: 90%;
    height: 15rem;
    border-radius: 37.264px;
    background: linear-gradient(
      180deg,
      #fff 0%,
      rgba(246, 227, 178, 0.62) 59.9%,
      rgba(211, 198, 163, 0.19) 100%
    );
    box-shadow: 0px 3.72635817527771px 22.3581485748291px -0.9315895438194275px rgba(111, 54, 29, 0.24);
    -webkit-backdrop-filter: blur(18.631790161132812px);
            backdrop-filter: blur(18.631790161132812px);
  }

  .feature_container__NzIPm:hover {
    border-radius: 40px 40px 40px 40px !important;
  }

  .feature_subContainer__Iz9r3 {
    border-radius: 37.264px;
    background: linear-gradient(
      180deg,
      #fff 0%,
      rgba(246, 227, 178, 0.62) 59.9%,
      rgba(211, 198, 163, 0.19) 100%
    );
    box-shadow: 0px 3.72635817527771px 22.3581485748291px -0.9315895438194275px rgba(111, 54, 29, 0.24);
    -webkit-backdrop-filter: blur(18.631790161132812px);
            backdrop-filter: blur(18.631790161132812px);
  }

  .feature_subContainer__Iz9r3:hover {
    border-radius: 40px 40px 40px 40px !important;
  }

  .feature_title__7CBJh {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 63%;
    margin-top: 0;
    white-space: nowrap;
  }

  .feature_subContainer__Iz9r3 > p {
    width: 90%;
    max-width: none;
    margin-top: 2rem;
  }
}

@media only screen and (max-width: 1150px) {
  .feature_title__7CBJh > h2 {
    font-size: 1.75rem !important;
  }

  .feature_subContainer__Iz9r3 > p {
    font-size: 1rem !important;
  }

  .feature_img__evBej {
    right: 83% !important;
    top: -3.5rem !important;
  }

  .feature_feature__uaIK1 {
    margin: 8rem 0;
  }
}

@media only screen and (max-width: 900px) {
  .feature_feature__uaIK1 {
    gap: 3rem;
  }

  .feature_container__NzIPm {
    width: 350px !important;
  }

  .feature_title__7CBJh > h2 {
    font-size: 1.25rem !important;
  }

  .feature_subContainer__Iz9r3 > p {
    font-size: 0.8rem !important;
  }
}

@media only screen and (max-width: 780px) {
  .feature_feature__uaIK1 {
    grid-template-columns: 1fr !important;
    gap: 4rem;
  }

  .feature_container__NzIPm {
    width: 90% !important;
    height: 15rem;
    border-radius: 37.264px;
    background: linear-gradient(
      180deg,
      #fff 0%,
      rgba(246, 227, 178, 0.62) 59.9%,
      rgba(211, 198, 163, 0.19) 100%
    );
    box-shadow: 0px 3.72635817527771px 22.3581485748291px -0.9315895438194275px rgba(111, 54, 29, 0.24);
    -webkit-backdrop-filter: blur(18.631790161132812px);
            backdrop-filter: blur(18.631790161132812px);
  }

  .feature_title__7CBJh {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65%;
    margin-top: 0;
    white-space: nowrap;
    text-align: left;
    gap: 10px;
  }

  .feature_subContainer__Iz9r3 > p {
    font-size: 1rem !important;
  }

  .feature_title__7CBJh > h2 {
    font-size: 2.25rem !important;
  }

  .feature_subContainer__Iz9r3 {
    width: 97%;
    border-radius: 37.264px;
    background: linear-gradient(
      #fff 0%,
      rgba(246, 227, 178, 0.74) 59.9%,
      rgba(211, 198, 163, 0.19) 100%
    );
    box-shadow: 0px 3.72635817527771px 22.3581485748291px -0.9315895438194275px rgba(111, 54, 29, 0.24);
    -webkit-backdrop-filter: blur(18.631790161132812px);
            backdrop-filter: blur(18.631790161132812px);
  }

  .feature_img__evBej {
    right: 87% !important;
    top: -2.5rem !important;
  }
}

@media only screen and (max-width: 600px) {
  .feature_subContainer__Iz9r3 > p {
    font-size: 0.8rem !important;
    margin-top: 0;
    line-height: 30px;
  }
  .feature_featureContainer__BOuiw h3 {
    font-size: 2.5rem !important;
    margin-bottom: 1rem !important;
  }
  .feature_subContainer__Iz9r3 {
    display: flex;
    flex-direction: column;
    align-items: center !important;
    justify-content: center !important;
    text-align: center;
    padding: 1rem;
    gap: 10px;
  }

  .feature_title__7CBJh > h2 {
    font-size: 1.5rem !important;
  }

  .feature_img__evBej {
    right: 82% !important;
    top: -3.5rem !important;
  }

  .feature_container__NzIPm {
    width: 90% !important;
    height: 10rem !important;
  }

  .feature_title__7CBJh {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48%;
    margin-top: 0;
    white-space: nowrap;
    gap: 2px;
    text-align: right;
  }
}

@media only screen and (max-width: 450px) {
  .feature_img__evBej {
    right: 83% !important;
    top: -2.7rem !important;
    width: 5rem !important;
    max-width: none !important;
  }

  .feature_title__7CBJh > h2 {
    font-size: 1.2rem !important;
  }
  .feature_featureContainer__BOuiw h3 {
    font-size: 2rem !important;
    margin-bottom: 0rem !important;
  }
  .feature_title__7CBJh {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    margin-top: 0;
    white-space: nowrap;
  }
}

@media only screen and (max-width: 300px) {
  .feature_img__evBej {
    right: 79% !important;
    top: -1.7rem !important;
    width: 4rem !important;
  }
  .feature_container__NzIPm {
    width: 104% !important;
  }
}